<template>
  <div class="app">
    <show-message title="hello" content="world">
      <!--按钮-->
      <button>按钮</button>
    </show-message>
    <!--超链接-->
    <show-message title="超链接">
      <a href="http://www.baidu.com">百度一下</a>
    </show-message>
    <!--图片-->
    <show-message title="图片">
      <!-- <img src="../img/imgTest1.webp" alt=""> -->
      <img src="@/img/imgTest1.webp" alt=""> <!--@对应src路径, 这是在jsconfig.json配置的-->
    </show-message>
    <!--内容没有传递-->
    <show-message title="内容没有传递"></show-message> <!--会使用默认内容,如果有设置的话-->
    <!-- <p>hello world11</p> -->
  </div>
</template>

<script>
  import ShowMessage from './ShowMessage.vue'
  export default {
    components: {
      ShowMessage
    }
  }
</script>

<style scoped>
</style>